
.header{
    padding: 0 24rpx;
    .top-title{
        padding-top: 20rpx;
        font-weight: bold;
        @include font-color-height(32rpx,#333);
    }
    .top-desc{
        padding-top: 24rpx;
        @include font-color-height(24rpx,#999);
        span{
            margin-right: 48rpx;
        }
    }
}
.content-container{
    padding: 64rpx 24rpx 60rpx;
    .content{
        p{
            text-indent: 2em;
            @include font-color-height(28rpx,#666,40rpx);
        }
        img{
            margin: 20rpx 0;
            @include width-height(100%,270rpx);
        }
    }
    .control{
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding-top: 60rpx;
        div:last-child{
            position: relative;
            top: 0;
            right: 0;
            .share{
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                opacity: 0;
                font-size: 12rpx;
            }
        }
        div{
            padding-right: 34rpx;
            @include font-color-height(24rpx,#999);
            .iconfont{
                color: #333;
                font-size: 44rpx;
            }
            p:last-child{
                padding-top: 12rpx;
                color: #666;
                text-align: center;
            }
        }
    }
}
.delimiter{
    height: 20rpx;
    background-color: #F5F5F5;
}
.comment{
    padding: 0 24rpx;
    h3{
        padding: 27rpx;
        @include font-color-height(36rpx,#333);
    }
    .container{
        li{
            padding: 25rpx 0;
            .user-desc{
                display: flex;
                align-items: center;
                img{
                    width: 80rpx;
                    height: 80rpx;
                    border-radius: 50%;
                }
                span{
                    padding-left: 20rpx;
                    @include font-color-height(30rpx,#333);
                }
            }
            .content{
                padding-top: 20rpx;
                p{
                    text-indent: 2em;
                    @include font-color-height(28rpx,#666);
                }
            }
        }
    }
}
.footer{
    display: flex;
    justify-content: space-around;
    position: fixed;
    bottom: 0;
    left: 0;
    padding: 20rpx 0;
    width: 100%;
    height: 60rpx;
    background-color: white;
    box-shadow: 0 0 5rpx rgba(0,0,0,.1);
    >div{
        width: 350rpx;
    }
    .input{
        height: 100%;
        line-height: 60rpx;
        text-indent: 1em;
        @include font-color-height(24rpx,#999);
        @include box-radius-border(30rpx,#ccc,1rpx);
    }
    .control{
        display: flex;
        justify-content: space-around;
        p{
            text-align: center;
            @include font-color-height(24rpx,#666);
        }
        p.iconfont{
            color: #333;
            font-size: 35rpx;
        }
    }
}